<%@page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<%@include file="/views/common/include/taglib.jsp"%>
<%@include file="/views/common/include/head.jsp"%>
<link rel="stylesheet" href="${ctx}/css/page/reset.css" type="text/css">
<style type="text/css">
.form{
    padding:10px 40px 0 40px;
}
/* .title-left{
    float:left;
    color:#B6B6B6;
} */
.title-right{
    float:right;
    color:#B6B6B6;
}
.left-td{
	text-align:right;
}
.select{
    color:#7ECFE0;
}
.edit_content table {
 margin:0 auto;
 color:#A1A1A1;
 
}
.edit_content table select{
width:225px;
height:30px;
border:1px solid #ccc;
border-radius:2px;
background:#F7F7F7;
}


.edit_input{
width:225px;
height:30px;
border:1px solid #ccc;
border-radius:2px;
background:#F7F7F7;
text-indent:10px;
}

.edit_content table td{
	padding:3px 10px;
}
.b-btm {
	width:100%;
	height:70px;
	background:#F8F8F8;
	line-height:70px;
	text-align:center;
	border-top:1px solid #E0E0E0;
	position:absolute;
	bottom:0px;
	border-radius:0 0 4px 4px;
}
.b-btm button{
	border:1px solid #DFDFDF;
	width:120px;
	height:35px;
	margin:0 30px;
	border-radius:2px;
	font-weight:700;
	line-height: 35px;
}

.b-btm .btn0{
background:#FAFAFA;
color:#808080;
}
.b-btm .btn1{
background:#7ECFE0;
color:#fff;

}
.top-tab{
padding:12px 50px;
border-bottom:1px solid #E0E0E0;
margin-bottom:20px;
}
.btn1{
	width:90px;
	height:33px;
	border:1px solid #7ECFE0;
	background:#7ECFE0;
	color:#fff;
	cursor:pointer;
}
</style>
</head>
<body style="margin:0px;">
	<section class="mainborder">
		<section class="edit_scrollable padder">
			<div class="edit_content">
				<div class="top-tab">
					<span class="title-left select">*个人信息</span><span  class="title-right" >*注册房屋</span>
				</div>
                <div id="personal_info">
                    <table class="location">
                        <tr>
                            <td class="left-td">手机号码</td>
                            <td><input class="edit_input" id="phoneBind" onblur="checkPhone();" type="text" class="text" maxlength="150" placeholder="请输入手机号码" />
                                <em class="emStyle">*</em></td>
                            
                        </tr>
                        <tr>
                            <td class="left-td">验证码</td>
                            <td>
                            <input class="edit_input" style="width:130px" id="phoneCode" 
                                    onblur="checkCode();" type="text" class="text" placeholder="请输入6位验证码" />
                                <button id="sendcode" class="btn1"  >发送验证码</button>
                                <input id="resendTime" type="hidden" value="${resendTime }"/>
                                <input id="sixCode" type="hidden"/>
                            </td>
                        </tr>
                        <tr>
                            <td class="left-td">呢称</td>
                            <td><input maxlength="20" class="edit_input" id="nickName" onblur="checkInput('nickName','请输入呢称')" type="text" class="text" maxlength="150" placeholder="请输入呢称" />
                                <em class="emStyle">*</em></td>
                            
                        </tr>
                        <tr>
                            <td class="left-td">真实姓名</td>
                            <td><input maxlength="20" class="edit_input" id="realName" onblur="checkInput('realName','请输入真实姓名')" type="text" class="text" maxlength="150" placeholder="请输入呢称真实姓名" />
                                <em class="emStyle">*</em></td>
                            
                        </tr>
                        <tr>
                            <td class="left-td">密码</td>
                            <td><input class="edit_input" id="newPwd" onblur="checkNewPwd();" type="password" class="text" maxlength="150" placeholder="请输入密码" />
                                <em class="emStyle">*</em></td>
                            
                        </tr>
                        <tr>
                            <td class="left-td">确认密码</td>
                            <td><input class="edit_input" id="newPwd1" onblur="checkNewPwd1();" type="password" class="text" maxlength="150" placeholder="请输入密码" />
                                <em class="emStyle">*</em></td>
                            
                        </tr>
                        <tr>
                            <td colspan="2" style="padding:10px 0 10px 5px;"><span style="float:left;"><input type="checkbox" checked="checked" id="step_one" style="vertical-align:bottom;"> 我同意</span><span style="float:right;"><a href="#" style="color:#FEC4A1;">使用条款与隐私规则</a></span></td>
                            
                        </tr>
                        
                    </table>
                    <div class="b-btm">
                        <button class="btn0" onclick="cancel()">取消</button><button class="btn1" onclick="toNext()">下一步</button>
                    </div>
                </div>
                <div id="house_info" style="display:none">
					<table class="location">
         				<tr>
         					<td>省</td>
         					<td><select class="editform-control" id="province" title="请选择省份" onblur="checkInput('province','请选择省份')">
                                  <option value=''>--省--</option>
                                  <c:forEach items="${provinces}" var="item" varStatus="cStatus">
                                        <option value="${item.id}">${item.regionName}</option>
                                  </c:forEach>
                                </select>
                                <em class="emStyle">*</em></td>
         					
         				</tr>
         				<tr>
         					<td>市</td>
         					<td><select class="editform-control" id="city" title="请选择市" onblur="checkInput('city','请选择市')">
                                  <option value=''>--市--</option>
                                </select><em class="emStyle">*</em></td>
         					
         				</tr>
         				<tr>
         					<td>区</td>
         					<td><select class="editform-control" id="district" title="请选择区" onblur="checkInput('district','请选择区')">
                                  <option value=''>--区--</option>
                                </select><em class="emStyle">*</em></td>
         					
         				</tr>
         				<tr>
         					<td>小区</td>
         					<td><select class="editform-control" id="cellInfoId" title="请选择小区" onblur="checkInput('cellInfoId','请选择小区')">
                                  <option value=''>--小区--</option>
                                </select><em class="emStyle">*</em></td>
         					
         				</tr>
                        <tr>
                            <td>区域</td>
                            <td><select class="editform-control" id="cellRegionId" title="请选择区域" onblur="checkInput('cellRegionId','请选择区域')">
                                  <option value=''>--区域--</option>
                                </select><em class="emStyle">*</em></td>
                            
                        </tr>
         				<tr>
         					<td>楼栋</td>
         					<td><select class="editform-control" id="cellBuildingId" title="请选择楼栋" onblur="checkInput('cellBuildingId','请选择楼栋')">
                                  <option value=''>--楼栋--</option>
                                </select><em class="emStyle">*</em></td>
         					
         				</tr>
         				<tr>
         					<td>单元</td>
         					<td><select class="editform-control" id="cellUnitId" title="请选择单元" onblur="checkInput('cellUnitId','请选择单元')">
                                  <option value=''>--单元--</option>
                                </select><em class="emStyle">*</em></td>
         					
         				</tr>
         				<tr>
         					<td>门牌号</td>
         					<td><select class="editform-control" id="cellHouseId" title="请选择门牌号" onblur="checkInput('cellHouseName','请选择门牌号')">
                                  <option value=''>--门牌号--</option>
                                </select><em class="emStyle">*</em></td>
<!--          					<input class="edit_input" id="houseName" onblur="checkInput('houseName','门牌号')" type="text" class="text" maxlength="150" placeholder="门牌号" /> -->
<!--                                 <em class="emStyle">*</em></td> -->
         					
         				</tr>
         				<tr>
         					<td colspan="2" style="padding:10px 0 10px 5px;"><span style="float:left;"><input type="checkbox" checked="checked" id="step_two"style="vertical-align:bottom;"> 我同意</span><span style="float:right;"><a href="" style="color:#FEC4A1;">使用条款与隐私规则</a></span></td>
         					
         				</tr>
                        
					</table>
					<div class="b-btm">
						<button class="btn0" onclick="toPrevious()">上一步</button><button class="btn1" onclick="submit()">确认</button>
					</div>
                </div>
             </div>
		</section>
	</section>
<script src="${ctx}/js/common/register.js" type="text/javascript"></script>
	<script type="text/javascript">
		//document.getElementById("myFrom").reset();
	</script>
	<script type="text/javascript">
		var ctx = '${ctx}';
		setCtx(ctx);
	</script>
	<!-- 解决ie 6 7 8 9不能显示placeholder的问题 -->
	<script src="${ctx}/js/lib/jquery.JPlaceholder.js"></script>
</body>
</html>
